<template>
    <div>
        <input type="text" v-model="obj.msg">
    </div>
</template>
<script>
export default {
    data() {
        return {
           obj:{
            msg:"孙悟空吃粽子"
           }
        }
    },
    methods: {
       
    },
    computed:{
        obj1(){
            return JSON.parse(JSON.stringify(this.obj))
        }
    },
    watch:{
       //监听对象某一个属性
    //    'obj.msg'(newVal,oldVal){
    //         console.log(newVal,oldVal);
    //    }

    // 新旧数据一样，用计算属性拷贝一下，去监听计算属性
    // 监听某个对象
    obj1:{
        handler(newVal,oldVal){
            console.log(newVal.msg,"新数据");
            // 初始化监听没有旧数据，去监听计算属性
            if(oldVal){
                console.log(oldVal.mag,"旧数据")
            }
        },
        // 深度监听
        deep:true,
        //初始化监听
        immediate:true
    }
    }
}   
</script>
<style lang="">

</style>